<%@ page language="java" contentType="text/html; charset=UTF8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>register</title>
<link rel="stylesheet" type="text/css" href="common/css/register.css">
</head>
<body>

<div class="htmleaf-container">
	<div class="wrapper">
		<div class="container">
			<h1>Welcome</h1>
			
			<form class="form" id="regist" action="add.action" method="post">
				<div class="list">
					<label class="usertitle">UserName:</label>
					<input type="text" name="user_name"  class="userinput" placeholder="Username">
				</div>
				<div class="list">
					<label class="input-title">PassWord:</label>
					<input type="name" name="user_password"  class="userinput" id="name" placeholder="Please input password" validate="require" data-validate-text="" >
				</div>
				<div class="list">
					<label class="input-title">Cellphone:</label>
					<input type="tel" name="user_cellphone"  id="tel" placeholder="Use a commercial phone" class="userinput" validate="isMobile" data-validate-text=""/>
				</div>
				<div class="list">
					<label class="input-title">UserEmail:</label>
					<input type="email" name="user_email" id="email" placeholder="Please input email" class="userinput" validate="isEmail" data-validate-text=""/>
				</div>
				<div class="list">
					<label class="input-title">Address:</label>
				<input type="text" name="user_address"  id="tel" placeholder="Please input address" class="userinput" validate="" data-validate-text=""/>
				</div>
				<div class="list">Userlevel:</label>
					<input type="text" name="user_levelid"  id="tel" placeholder="Please enter 5 ~ 13 level" class="userinput" validate="" data-validate-text=""/>
				</div>
				<button type="submit" class="btn1" id="submit1">Submit</button>
			<button type="button" class="btn2" id="back" onclick= "window.location='getAllUser.action'">Return</button>
			</form>
		</div>
		
		<ul class="bg-bubbles">
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>
	</div>
</div>
			
	
</body>
</html>